﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ListProduct.aspx.cs" Inherits="footwear.ListProduct" %>
<%@ Import Namespace="footwear" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Foot-were</title>
    <link rel="stylesheet" href="css/Master.css"/>
    <script type="text/javascript" src = "js/jquery.min.js"></script>
	<script type="text/javascript" src = "js/main.js"></script>
</head>
<body style="overflow: auto">
    <form id="form1" runat="server">
    <div id = "Master">
		    <div id = "MasterContent">
				<div class = "Left MasterDiv">
					<input type = "text" class = "SearchBox Left"/>
					<span class = "Searchbtn Left"></span>
				</div>
				<div class = "Right MasterDiv">
					<ul id = "TopRightMenu">
						<li><a href = "index.aspx">Home</a></li>
						<li><a href = "#">order status</a></li>
						<li><a href = "#">your account</a></li>
						<li><img src = "images/cart.png" width = "20" alt="CART"/></li>
						<li><a href = "#">your cart (0)</a></li>
					</ul>
				</div>
				<div class = "Center MasterDiv" id = "TopCenter">
					<div class = "Left TwoTopbtn"><a href = "ListProduct.aspx?category=all"><div id = "BigLeft"></div></a></div>
					<div class = "Right TwoTopbtn"><div id = "BigRight"></div></div>
				</div>
			</div>
		</div>
		<div id = "HibridMenu" class = "Center"></div>
		<div id = "HiddenMenu">
		    <ul id = "SpecUl">
		        <li class = "MidBig">
			        <a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[0].Id %>" class = "abig"><%=listCategoryShowIndex[0].Type %> ></a>
			        <ul>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory1[0].Code %>"><%=listCategory1[0].Name %> </a></li>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory1[1].Code %>"><%=listCategory1[1].Name %> </a></li>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory1[2].Code %>"><%=listCategory1[2].Name %> </a></li>
				    </ul>
			    </li>
			    <li class = "MidBig">
				    <a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[1].Id %>" class = "abig"><%=listCategoryShowIndex[1].Type %> ></a>
			        <ul>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory2[0].Code %>"><%=listCategory2[0].Name %> </a></li>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory2[1].Code %>"><%=listCategory2[1].Name %> </a></li>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory2[2].Code %>"><%=listCategory2[2].Name %> </a></li>
				    </ul>
			    </li>
			    <li class = "MidBig">
				    <a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[2].Id %>" class = "abig"><%=listCategoryShowIndex[2].Type %> ></a>
			        <ul>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory3[0].Code %>"><%=listCategory3[0].Name %> </a></li>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory3[1].Code %>"><%=listCategory3[1].Name %> </a></li>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory3[2].Code %>"><%=listCategory3[2].Name %> </a></li>
				    </ul>
			    </li>
			    <li class = "MidBig">
				    <a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[3].Id %>" class = "abig"><%=listCategoryShowIndex[3].Type %> ></a>
			        <ul>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory4[0].Code %>"><%=listCategory4[0].Name %> </a></li>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory4[1].Code %>"><%=listCategory4[1].Name %> </a></li>
					    <li><a href = "Sanpham.aspx?code=<%=listCategory4[2].Code %>"><%=listCategory4[2].Name %> </a></li>
				    </ul>
			    </li>
		    </ul>
	    </div>
        <div id="TableContent">
            <div id ="ImgBanner"><img src="images/shoes_banner.jpg" alt="BANNER" width ="700px"/></div>
            <ul id ="ProductContainer"> 
                <%foreach (var item in list)
                {%>
                    <li>
                        <a href = "Sanpham.aspx?code=<%=item.Code %>"><img alt="NO IMAGE" width = "200" height = "150" style="alignment-adjust: central" src="<%=item.ImageSource %>"/></a>
                        <%=item.Name %>
                        <%=item.Price %>
                    </li>
                <%}%>
            </ul>   
        </div>
		<div id = "Bottom"  class = "Center" style = "clear: both;">
			<div class = "Center" id = "HibridBot">
				<div class = "HibridBot Left">Music</div>
				<div class = "HibridBot Left">Vật liệu</div>
				<div class = "HibridBot Left">Dép pro</div>
				<div class = "HibridBot Left">Dép cho voi</div>
			</div>
			<ul class = "Center">
				<li><img src = "images/icon-jpegs.png" alt = "small logo" style = "margin-top: -1px"/></li>
				<li><a href = "#">Liên hệ</a></li>
				<li><a href = "#">Giới thiệu</a></li>
				<li><a href = "#">Sản phẩm</a></li>
				<li><a href = "#">Đặt hàng</a></li>
				<li><a href = "#">Điều khoản</a></li>
				<li><a href = "#">Thanh toán</a></li>
			</ul>
		</div>
    </form>
</body>
</html>
